<template>
    <div>
        <bread-crumb></bread-crumb>
        <div class="stu_info_title">学生信息查询</div>
        <div class="stu_info_nav">
            <el-row>
                <el-col :span="8" :offset="6">
                    <el-button @click="
                        $router.push({
                            name: 'personalInfo',
                        })
                    ">某个学生信息查询</el-button>
                </el-col>
                <el-col :span="8">
                    <el-button 
                        @click="
                            $router.push({
                                name: 'allInfo',
                            })
                    ">所有学生信息查询</el-button>
                </el-col>
            </el-row>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
div {
    div {
        height: 50px;
    }

    .stu_info_title {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
    }

    .stu_info_nav {
        margin-top: 20px;
    }
}
</style>